import React from 'react';
import { Breadcrumb } from 'antd';
import { economicZonePhoto, map } from '@/utils/util';
import styles from './index.less';

const EconomicZone: React.FC = () => {
  return (
    <div className={styles.economicZoneWrapper}>
      {/* 顶部页头照片 */}
      <div className={styles.economicZonePhoto}>
        <img src={economicZonePhoto} width="100%" />
      </div>
      {/* 面包屑 */}
      <div className={styles.economicZoneBreadcrumb}>
        <Breadcrumb separator="">
          <Breadcrumb.Item>您的位置</Breadcrumb.Item>
          <Breadcrumb.Separator>:</Breadcrumb.Separator>
          <Breadcrumb.Item href="">首页</Breadcrumb.Item>
          <Breadcrumb.Separator />
          <Breadcrumb.Item>走进经开区</Breadcrumb.Item>
        </Breadcrumb>
      </div>
      <div className={styles.economicZoneMain}>
        <div className={styles.economicZoneOverview}>
          <div className={styles.overviewTitle}>
            <span className={styles.titleName}>经开区概况</span>
            <div className={styles.titleDiv}></div>
          </div>
          <div className={styles.overviewContent}>
            <span>
              武汉经济技术开发区（以下简称“开发区”）位于武汉西南，1991年5月动工兴建，1993年4月经国务院批准为国家级经济技术开发区，2000年4月国务院批准设立湖北武汉出口加工区。从1996年开始，历经四次“空间扩展”，开发区规划控制面积由31平方公里扩大到489.7平方公里，下辖7个街道，实有人口45.9万（其中户籍人口28万、流动人口17.9万）。经过27年的发展，开发区已形成以汽车及零部件、电子电器、生物医药等为支撑的产业集群。
            </span>
          </div>
        </div>

        <div className={styles.eightParks}>
          <div className={styles.parksTitle}>
            <span className={styles.titleName}>八大园区</span>
            <div className={styles.titleDiv}></div>
          </div>
          <div className={styles.parksContent}>
            <div className={styles.parkLeftMap}>
              <img src={map} width="100%" />
            </div>
            <div className={styles.parkRightText}>
              <span className={styles.RightTextAbove}>
                聚天下英才全力打造“四都” 创最优服务加速“五个”转型
              </span>
              <span className={styles.RightTextBelow}>
                武汉经济技术开发区（汉南区）全力推动传统汽车向下一代汽车转型升级，推动传统制造向智能制造转型升级，推动产业向“多极支撑”转型升级，推动从要素驱动向创新驱动发展转型升级，推动从注重产业发展向产城融合新城转型升级，改革蹄疾步稳。经济高质量发展，不断刷新发展高度，全力打造全球知名“车都”“机器人之都”“智能家居之都”和“通用航空之都”，各类要素资源潜力加速释放。
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default EconomicZone;
